<template>
	<view class="wrapper">
		<view class="pay_box center colum">
			<view class="pay_top center flex-start f28">
				<image src="../../static/money/pay.png" mode="aspectFill" class="pay_logo"></image>
				付款
			</view>
			<view class="f26 c666">
				付款数字码
			</view>
			<image src="../../static/delet/code.png" mode="aspectFill" class="row_code"></image>
			<image src="../../static/friend/code.png" mode="aspectFill" class="code"></image>
		</view>
		<view class="collect f28 cfff center flex-start" @tap="$open('./collect')">
			<image src="../../static/money/money.png" mode="aspectFill"></image>
			二维码收款
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onShow() {
			
		},
		onLoad() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
.collect{
	width:710rpx;
	height:98rpx;
	background:rgba(29,163,255,1);
	border-radius:8rpx;
	margin: 0 auto;
	image{
		width:40rpx;
		height:40rpx;
		margin: 0 21rpx 0 30rpx;
	}
}
.pay_box{
	width:710rpx;
	height:693rpx;
	background:rgba(255,255,255,1);
	border-radius:8rpx;
	margin: 32rpx auto 40rpx;
	justify-content: flex-start;
	overflow: hidden;
	.code{
		width:225rpx;
		height:225rpx;
		margin-top: 26rpx;
	}
	.row_code{
		width:604rpx;
		height:154rpx;
	}
	.f26{
		padding: 59rpx 0 30rpx;
	}
	.pay_top{
		background: #F2F3F5;
		height:80rpx;
		overflow: hidden;
		width: 100%;
		.pay_logo{
			width:42rpx;
			height:39rpx;
			margin: 0 21rpx 0 30rpx;
		}
	}
}
page{
	background: #0297FE;
}
</style>
